<template>
  <view class="function-input1">
                    <view class="function-input1-checkbox-box">
                        <checkbox value="cb" selectedColor="#3399FF" class="function-input1-checkbox" :checked="true" />
                    </view>
                    <text class="function-input1-text"> 仓库</text>
                    <uni-easyinput errorMessage v-model="input1" focus :styles="{
                        'font-size': '20px',
                        'height': '40px',
                    }"></uni-easyinput>
                    <view class="function-input1-buttonview">
                        <button class="function-input1-button  function-input1-button1">...</button>
                    </view>
                </view>
</template>

<script setup lang="ts">
import {ref} from "vue"
// 这里可以添加组件逻辑
let input1=ref<string>("")
</script>

<style scoped>
/* 这里可以添加组件样式 */
.selectpoput{
    
}
.selectpoput-view{
    width: 100%;
    height: 100%;
}
.function-input1 {
    padding: 2px 10px;
    display: flex;
    height: 45px;
}



.function-input1-checkbox {
    transform: scale(1.2);
    margin: 7px;

}

.function-input1-checkbox-box {
    height: 50px;
    width: 43px;
}

.function-input1-text {
    font-size: 20px;
    color: #333;
    margin-top: 5px;
    margin-right: 15px;
}

.function-input1-buttonview {
    width: 60px;
    height: 40px;
    margin-left: 10px;

}

.function-input1-button {
    width: 50px;
    height: 40px;
    background-color: #F7F3F1;
    border-radius: 10px;
    background-color: dodgerblue;
    line-height: 30px;
    color: #FFFFFF;
}

.function-input1-button1 {
    font-size: 16px;
    line-height: 38px;
}
</style>